import { fetchCategoryBySlug, type PageProps } from '~/src/lib/api/data/getCategories';
import { DefaultTags } from '#/layout/ui/playground/DefaultTags';

export default async function Head({ params }: PageProps) {
  const category = await fetchCategoryBySlug(params.categorySlug);

  const title = `${category?.name} | Next.js App Directory`;
  const description = `The best fictional ${category?.name} money can buy.`;

  return (
    <>
      <DefaultTags />
      <title>{title}</title>
      <meta name="description" content={description} />
    </>
  );
}